@CHARSET "ISO-8859-1";


* {
	padding:				0px;
	margin:					0px	auto;
	
}

html {
	
}

body {
	background:				url(../img/hotel/background.jpg) 0 0 repeat-x #EBF5F6; 
	color:					#5E5E5E; 
	font:					13px/18px Arial, Helvetica, sans-serif;
}



#tmpContainer {
	position: relative;
	bottom: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	outline:	1px dashed green;
}

#logoutContainer {
	position: absolute;
	top: 20px;
	right: 50px;
	height: 20px;
	width: 20px;
	/*outline:	1px dashed green;*/
}

#infoContainer {
	position: absolute;
	top: 136px;
	left: 40px;
	height: 21px;
	width: 191px;
	/*outline:	1px dashed red;*/
	
}
#infoContainer p {
	color: #19c9d6;
}



#mainContainer {
	position: 				relative; 		/* all 'absolute' decendent elements will be placed relative to this one */
	margin: 				0 auto 0 auto;	/* center */
	width:					664px;
	/*outline:				1px dashed red;*/
}

#topContainer {
	height: 				340px;
	/*outline:				1px dashed red;*/
}

#topContainer img.logo {
	width: 150px;
	height: 60px;
	/*width: 195px;
	height: 95px;*/
}

#topContainer img.header1 {
	margin: -2px 0 -2px 0;
}
#topContainer img.header2 {
	margin: -2px 0 -2px 0;
}





#bodyContainer {
	height: 400px;
}

#bodyContainer #tableContainer table {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
	width: 100%;
	border-radius: 6px;
}

#bodyContainer #tableContainer  thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}

#bodyContainer #tableContainer table, th, td {
	/*border: 1px solid red;*/
	padding: 5px;
	color: #333;
	vertical-align: top; 
}
#bodyContainer #tableContainer table, thead, th{
	padding-right: 10px;
	text-align: left;
}




#bodyTopContainer {
	/*outline:				1px dashed green;*/
	height: 				20px;
}

#bodyTopContainer ul {
}

#bodyTopContainer ul.navigation {
	list-style-type: 		none;
	margin: 				0;
	padding: 				0;
}

#bodyTopContainer ul.navigation li{
	float: left;
}
#bodyTopContainer ul.navigation a{
	display: block;
	margin-left: 5px;
	margin-right: 5px;
}





#bodyLeftContainer {
	position: static;
	float: left;
	/*outline:				1px dashed green;*/
	width:					0px;
}
#bodyLeftContainer ul{
	text-align: 			center;
}
#bodyLeftContainer ul.navigation{
	list-style-type: 		none;
	margin: 				0;
	padding: 				0;
}
#bodyLeftContainer ul.navigation li{
	position: relative;	
	height: 35px;
	vertical-align: middle;
}
#bodyLeftContainer ul.navigation li.header{
	vertical-align: middle;
	background: 		url(../img/hotel/darkGrayButton.png) 0 0 no-repeat;	
	color: white;
}
#bodyLeftContainer ul.navigation li a{
	vertical-align: middle;
	display: block;
	overflow: auto;
	color: white;
	height: 35px;
	text-decoration: none;
	background: 		url(../img/hotel/grayButton.png) 0 0 no-repeat;	
	border: 1px solid #ccc;
}
#bodyLeftContainer ul.navigation li a:HOVER{
	background: 		url(../img/hotel/blueButton.png) 0 0 no-repeat;	
}




#bodyMainContainer {
	position: 				static;
	float: 					right;
	/*outline: 				1px dashed green;*/
	width: 					100%;
}



/* all forms used by jquery ui dialog should have this class defined
so they dont show up on page load */
.dialog {display: none;}

/* format the form to create a client */
form#createClient-form 	label, input 	{ display:block; }
form#createClient-form 	input.text 		{ margin-bottom:12px; width:95%; padding: .4em; }
form#createClient-form  fieldset 		{ padding:0; border:0; margin-top:25px; }
		
table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}



/*** offers dialogs	***/
#offerInfoContainer {
}
#offerInfoContainer .label  {
	position: static;
	float: left;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	/* outline:	1px dashed red; */
	width: 40px;
}
#offerInfoContainer .content  {
	position: static;
	float: left;
	padding: 10px 10px 10px 0px;
/* 	outline:	1px dashed red; */
	width: 150px;
}
#offerInfoContainer .description  {
	position: static;
	float: left;
/* 	outline:	1px dashed red; */
	width: 450px;
	padding: 10px 10px 10px 10px;
	text-align: justify;
}


#popUpCalendarDialog {
/*  	outline:	1px dashed red;  */
 	width: 		422px;
 	height: 	200px;
}
#popUpCalendarDialog .cal-container{
 	width: 		420px; 
 	height: 	50px;
/* 	border: 	1px solid red;	 */
}

#popUpCalendarDialog .inside-cal-container{
	float:		left;
	border: 	1px solid green;	
	
}
#popUpCalendarDialog .cal-class-label{
	height: 	45px;
	width: 		100px;
	margin: 	2px 0px 0px 10px;
/* 	border: 	1px solid green;	 */
    background-color: #ECF2F6;
    border-color: #C6D5E1;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
}
#popUpCalendarDialog .cal-data-container{
	position:	static;
	height: 	45px;
	width: 		300px;
	margin: 	2px 0px 0px 5px;
    background-color: #ECF2F6;
    border-color: #C6D5E1;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
/* 	border: 	1px solid black;	 */
}
#popUpCalendarDialog .cal-date-label{
	float:		left;
	height: 	20px;
	width: 		50px;
	margin:		0px 0px 0px 5px;
/* 	border: 	1px solid purple;	 */
}
#popUpCalendarDialog .cal-date{
	float:		left;
	height: 	20px;
	width: 		230px;
/* 	border: 	1px solid purple;	 */
}


		
#footerContainer {
	
}



